﻿@{    
    ViewBag.Title = "ESAN::Ficha del Postulante";
    Layout = "~/Views/Shared/_Layout.cshtml";

                //int idCliente = ViewBag.ClienteId;
                //string CodigoConvocatoria = ViewBag.CodigoConvocatoria;
                //MC_CONVOCATORIA convocatoria = ViewBag.Convocatoria;
                //bool EsCodigoHonor = (bool)ViewBag.CodigoHonor;
                //IN_ESTADO_OBSERVACION ListadoEstadoObservacion = ViewBag.ObtenerLogPostulanteEstado;

                //IN_POSTULANTE postulante = new IN_POSTULANTE();
                //string estadoAreaVentas = string.Empty;
                //if (ViewBag.Postulacion != null)
                //{
                //    postulante = (IN_POSTULANTE)ViewBag.Postulacion;        
                //    estadoAreaVentas = postulante.EstadoAreaVentas;
                //}
                //var estadoObs = InscripcionOnLine.Ventas._NoCumpleRequisitos;
}
@*@section JSCSS_POSTULANTE{
    <link href="@Url.Content("~/Content/template01/css/Ficha.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/app/postulante/Ficha.js")" type="text/javascript"></script>
}*@
<script type="text/javascript">
    $(document).ready(function () {
        $('#myTab a:first').tab('show');
        CargarDatosPersonales();
        //EVENTO CHECK CODIGO HONOR
        $("#infoDatos").on("change", ".chkCodigoHonor", function () {
            if (this.checked) {
                CheckCodigoHonor(true);
            } else {
                CheckCodigoHonor(false);
            }
        });

        function CheckCodigoHonor(check) {
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/RegistrarCodigoHonor",
                data: { idPostulante: $(".hidPostulanteID").val(), valor: check
                },
                success: function (html) {
                    //CargarIdioma();
                }
            });


        }

        function IsEmail(email) {
            var regex = /^([a-zA-Z0-9_.+-])+\@@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            return regex.test(email);
        }


        $("#tabDP").click(function () {
            //alert("asdasdsd");
            CargarDatosPersonales();
        });

        $("#tabFA").click(function () {
            //alert("asdasdsd");
            CargarFormacionAcademica();
        });

        $("#tabEL").click(function () {
            //alert("asdasdsd");
            CargarExperienciaLaboral();
        });

        $("#tabID").click(function () {
            //alert("asdasdsd");
            CargarIdioma();
        });

        $("#tabEN").click(function () {
            //alert("asdasdsd");
            CargarEncuesta();
        });

        $("#tabCH").click(function () {
            //alert("asdasdsd");
            CargarCodigoHonor();
        });
        //EVENTO CONTINUAR FORMACION ACADEMICA
        $("#infoDatos").on("click", ".btnContinuarFA", function () {
            $('#myTab li:eq(2) a').tab('show');
            CargarExperienciaLaboral();
        });
        //EVENTO CONTINUAR EXPERIENCIA LABORAL
        $("#infoDatos").on("click", ".btnContinuarEL", function () {
            $('#myTab li:eq(3) a').tab('show');
            CargarIdioma();
        });
        //EVENTO CONTINUAR IDIOMA
        $("#infoDatos").on("click", ".btnContinuarID", function () {
            $('#myTab li:eq(4) a').tab('show');
            CargarEncuesta();
        });
        //EVENTO CONTINUAR ENCUESTA
        $("#infoDatos").on("click", ".btnContinuarEN", function () {
            $('#myTab li:eq(5) a').tab('show');
            CargarCodigoHonor();
        });
        //EVENTO CONTINUAR CODIGO HONOR
        $("#infoDatos").on("click", ".btnContinuarCH", function () {
            top.location.href = '@Url.Action("Finalizar", "Ficha")';
            //$('#myTab li:eq(5) a').tab('show');
            //CargarCodigoHonor();
        });
        //EVENTO ACTUALIZAR FORMACION ACADEMICA
        $("#infoDatos").on("click", "#pe_grabar", function () {

            var nNombre = $(".Clie_Nombre").val();
            var nPaterno = $(".Clie_ApePaterno").val();
            var nMaterno = $(".Clie_ApeMaterno").val();
            var nSexo = $(".Clie_Sexo").val();
            var nFechaNacimiento = $(".Clie_FecNaci").val();
            var nEstadoCivil = $(".Clie_EstCivil").val();
            var nTipoDoc = $(".Clie_TipDocIden").val();
            var nNroDoc = $(".Clie_NumDocIden").val();
            var nPaisNacimiento = $(".Clie_PaisNaci").val();
            var nTelefono = $(".Clie_Telefono").val();
            var nEmail = $(".Clie_Email").val();
            var nDireccion = $(".Clie_Direccion").val();

            if (nNombre == "") {
                alert("Debe ingresar un nombre");
                $(".Clie_Nombre").focus();
                return false;
            }

            if (nPaterno == "") {
                alert("Debe ingresar el apellido paterno");
                $(".Clie_ApePaterno").focus();
                return false;
            }

            if (nMaterno == "") {
                alert("Debe ingresar el apellido materno");
                $(".Clie_ApeMaterno").focus();
                return false;
            }

            if (nSexo == -1) {
                alert("Debe elegir el género");
                $(".Clie_Sexo").focus();
                return false;
            }

            if (nTipoDoc == -1) {
                alert("Debe elegir el tipo de documento");
                $(".Clie_TipDocIden").focus();
                return false;
            }

            if (nNroDoc == "") {
                alert("Debe ingresar el número de documento");
                $(".Clie_NumDocIden").focus();
                return false;
            }


            if (!IsEmail(nEmail)) {
                alert("No es un correo válido");
                $(".Clie_Email").focus();
                return false;
            }


            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/ActualizarClienteInformacionPersonal",
                data: { idPostulante: $(".hidPostulanteID").val(),
                    nombre: nNombre,
                    paterno: nPaterno,
                    materno: nMaterno,
                    sexo: nSexo,
                    fecNac: nFechaNacimiento,
                    estCivil: nEstadoCivil,
                    tipoDoc: nTipoDoc,
                    nroDoc: nNroDoc,
                    paisNac: nPaisNacimiento,
                    telefono: nTelefono,
                    email: nEmail,
                    direccion: nDireccion
                },
                success: function (html) {
                    //Se carga la siguiente pestaña
                    $('#myTab li:eq(1) a').tab('show');
                    CargarFormacionAcademica();
                }
            });




        });

        //EVENTO AGREGAR FORMACION ACADEMICA
        $("#infoDatos").on("click", ".btnAgregarFA", function () {
            var modal = $("#myModal");
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/FormacionAcademicaMant",
                success: function (html) {
                    modal.find(".modal-body").html(html);
                    modal.css({ 'top': "50%", 'width': '750px', 'margin-left': function () {
                        return -($(this).width() / 2);

                    }
                    });
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-name-form', 'btnGrabarFA');
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form', '-1');
                    modal.modal();
                }
            });
        });

        //EVENTO EDITAR FORMACION ACADEMICA
        $("#infoDatos").on("click", ".btnEditarFA", function () {
            var modal = $("#myModal");
            var formacionID = $(this).attr('data-formacion-id');
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EditarFormacionAcademica",
                data: { Oest_ID: formacionID },
                success: function (html) {
                    modal.find(".modal-body").html(html);
                    modal.css({ 'top': "50%", 'width': '750px', 'margin-left': function () {
                        return -($(this).width() / 2);
                    }
                    });
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-name-form', 'btnGrabarFA');
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form', formacionID);
                    modal.modal();

                }
            });
        });


        //EVENTO AGREGAR EXPERIENCIA LABORAL
        $("#infoDatos").on("click", ".btnAgregarEL", function () {
            //alert("asdasdsads asd asd sa d as d as d as");
            var modal = $("#myModal");
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/ExperienciaLaboralMant",
                success: function (html) {
                    modal.find(".modal-body").html(html);
                    modal.css({ 'top': "50%", 'width': '750px', 'margin-left': function () {
                        return -($(this).width() / 2);

                    }
                    });
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-name-form', 'btnGrabarEL');
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form', '-1');
                    modal.modal();
                }
            });


        });

        //EVENTO EDITAR EXPERIENCIA LABORAL
        $("#infoDatos").on("click", ".btnEditarEL", function () {
            var modal = $("#myModal");
            var experienciaID = $(this).attr('data-experiencia-id');
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EditarExperienciaLaboral",
                data: { ExLa_ID: experienciaID },
                success: function (html) {
                    modal.find(".modal-body").html(html);
                    modal.css({ 'top': "50%", 'width': '750px', 'margin-left': function () {
                        return -($(this).width() / 2);
                    }
                    });
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-name-form', 'btnGrabarEL');
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form', experienciaID);
                    modal.modal();

                }
            });
        });


        //EVENTO AGREGAR IDIOMA
        $("#infoDatos").on("click", ".btnAgregarID", function () {
            //alert("asdasdsads asd asd sa d as d as d as");
            var modal = $("#myModal");
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/IdiomaMant",
                success: function (html) {
                    modal.find(".modal-body").html(html);

                    modal.css({ 'top': "50%", 'width': '750px', 'margin-left': function () {
                        return -($(this).width() / 2);

                    }
                    });
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-name-form', 'btnGrabarID');
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form', '-1');
                    modal.modal();

                }
            });
        });

        //EVENTO EDITAR IDIOMA
        $("#infoDatos").on("click", ".btnEditarID", function () {
            var modal = $("#myModal");
            var idiomaID = $(this).attr('data-idioma-id');
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EditarIdioma",
                data: { CLId: idiomaID },
                success: function (html) {
                    modal.find(".modal-body").html(html);
                    modal.css({ 'top': "50%", 'width': '750px', 'margin-left': function () {
                        return -($(this).width() / 2);
                    }
                    });
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-name-form', 'btnGrabarID');
                    modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form', idiomaID);
                    modal.modal();

                }
            });
        });



        //EVENTO ELIMINAR IDIOMA
        $("#infoDatos").on("click", ".btnEiminarID", function () {
            if (confirm("¿Está seguro de eliminar el registro de idioma?")) {
                EliminarIdioma($(this).attr("data-idioma-id"));
            }
        });




        function EliminarIdioma(ID) {
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EliminarIdioma",
                data: { CLId: ID
                },
                success: function (html) {
                    CargarIdioma();
                }
            });

        }
        //------------------------------------------------------------------------
        //EVENTO ELIMINAR EXPERIENCIA LABORAL
        $("#infoDatos").on("click", ".btnEiminarEL", function () {
            if (confirm("¿Está seguro de eliminar el registro de experiencia laboral?")) {
                EliminarExperienciaLaboral($(this).attr("data-experiencia-id"));
            }
        });

        function EliminarExperienciaLaboral(ID) {
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EliminarExperienciaLaboral",
                data: { ExLaID: ID
                },
                success: function (html) {
                    CargarExperienciaLaboral();
                }
            });

        }
        //------------------------------------------------------------------------
        //------------------------------------------------------------------------
        //EVENTO ELIMINAR FORMACION ACADEMICA
        $("#infoDatos").on("click", ".btnEiminarFA", function () {
            if (confirm("¿Está seguro de eliminar el registro de formación académica?")) {
                EliminarFormacionAcademica($(this).attr("data-formacion-id"));
            }
        });

        function EliminarFormacionAcademica(ID) {
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EliminarFormacionAcademica",
                data: { OEst_ID: ID
                },
                success: function (html) {
                    CargarFormacionAcademica();
                }
            });

        }
        //------------------------------------------------------------------------


        //EVENTO GRABAR POPUP
        $(".grabarPopup").click(function () {

            switch ($(this).attr('data-name-form')) {

                case "btnGrabarFA":
                    //alert("Grabarndo Formacion Academica.....");
                    GrabarFormacionAcademica();
                    break;
                case "btnGrabarEL":
                    //alert("Grabarndo Experiencia Laboral.....");
                    GrabarExperienciaLaboral();
                    break;
                case "btnGrabarID":
                    //alert("Grabarndo Idioma.....");
                    GrabarIdioma();
                    break;
                case "btnActualizarID":
                    ActualizarIdioma();
                    break;
                default:
                    alert("por default");

            }


        });
        //        //Validación SOLO NUMEROS
        //        $("#myModal").find(".modal-body").find(".fa_anno").keydown(function (e) {
        //            // Allow: backspace, delete, tab, escape, enter and .
        //            if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
        //            // Allow: Ctrl+A
        //            (e.keyCode == 65 && e.ctrlKey === true) ||
        //            // Allow: home, end, left, right
        //            (e.keyCode >= 35 && e.keyCode <= 39)) {
        //                // let it happen, don't do anything
        //                return;
        //            }
        //            // Ensure that it is a number and stop the keypress
        //            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
        //                e.preventDefault();
        //            }
        //        });

        //GRABAR FORMACION ACADEMICA
        function GrabarFormacionAcademica() {

            var modal = $("#myModal");
            var nCentro = modal.find(".modal-body").find(".fa_centroestudio").val();
            var nPais = modal.find(".modal-body").find(".fa_pais").val();
            var nFecIni = modal.find(".modal-body").find(".fa_fechainicio").val();
            var nFecFin = modal.find(".modal-body").find(".fa_fechafin").val();
            var nProfesion = modal.find(".modal-body").find(".fa_profesion").val();
            var nAnno = modal.find(".modal-body").find(".fa_anno").val();
            var nID = modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form');


            if (nCentro == "") {
                alert("Debe ingresar el centro de estudio");
                modal.find(".modal-body").find(".fa_centroestudio").focus();
                return false;
            }

            if (nFecIni == "") {
                alert("Debe ingresar la fecha inicio");
                modal.find(".modal-body").find(".fa_fechainicio").focus();
                return false;
            }

            if (nFecFin == "") {
                alert("Debe ingresar la fecha fin");
                modal.find(".modal-body").find(".fa_fechafin").focus();
                return false;
            }

            if (nProfesion == "") {
                alert("Debe ingresar la profesión");
                modal.find(".modal-body").find(".fa_profesion").focus();
                return false;
            }

            if (nPais == "SELECCIONE") {
                alert("Debe seleccionar un país");
                modal.find(".modal-body").find(".fa_pais").focus();
                return false;
            }

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/RegistrarFormacionAcademica",
                data: { OEst_ID: nID,
                    idPostulante: $(".hidPostulanteID").val(),
                    nombreCentro: nCentro,
                    idPais: nPais,
                    fechaInicio: nFecIni,
                    fechaFin: nFecFin,
                    profesion: nProfesion,
                    anno: nAnno
                },
                success: function (html) {
                    modal.modal('hide');
                    alert("Se registro correctamente");
                    CargarFormacionAcademica();
                }
            });
        }

        //GRABAR EXPERIENCIA LABORAL
        function GrabarExperienciaLaboral() {

            var modal = $("#myModal");
            var nEmpresa = modal.find(".modal-body").find(".el_nombreempresa").val();
            var nCargo = modal.find(".modal-body").find(".el_cargo").val();
            var nSueldo = modal.find(".modal-body").find(".el_sueldo").val();
            var nArea = modal.find(".modal-body").find(".el_area").val();
            var nFecIni = modal.find(".modal-body").find(".el_fechainicio").val();
            var nFecFin = modal.find(".modal-body").find(".el_fechafin").val();
            var nJefeInmediato = modal.find(".modal-body").find(".el_jefeinmediato").val();
            var nJefeTelefono = modal.find(".modal-body").find(".el_jefetelefono").val();
            var nRubro = modal.find(".modal-body").find(".el_rubro").val();
            var nID = modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form');

            if (nEmpresa == "") {
                alert("Debe ingresar el nombre de la empresa");
                modal.find(".modal-body").find(".el_nombreempresa").focus();
                return false;
            }

            if (nCargo == "") {
                alert("Debe ingresar el cargo");
                modal.find(".modal-body").find(".el_cargo").focus();
                return false;
            }

            if (nSueldo == "") {
                alert("Debe ingresar el sueldo");
                modal.find(".modal-body").find(".el_sueldo").focus();
                return false;
            }

            if (nArea == "") {
                alert("Debe ingresar el área");
                modal.find(".modal-body").find(".el_area").focus();
                return false;
            }

            if (nFecIni == "") {
                alert("Debe ingresar la fecha inicio");
                modal.find(".modal-body").find(".el_fechainicio").focus();
                return false;
            }

            if (nFecFin == "") {
                alert("Debe ingresar la fecha fin");
                modal.find(".modal-body").find(".el_fechafin").focus();
                return false;
            }
            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/RegistrarExperienciaLaboral",
                data: { ExLa_ID: nID,
                    idPostulante: $(".hidPostulanteID").val(),
                    nombreEmpresa: nEmpresa,
                    cargo: nCargo,
                    sueldo: nSueldo,
                    area: nArea,
                    fechaInicio: nFecIni,
                    fechaFin: nFecFin,
                    jefeInmediato: nJefeInmediato,
                    jefeTelefono: nJefeTelefono,
                    rubro: nRubro
                },
                success: function (html) {
                    modal.modal('hide');
                    alert("Se registro correctamente");
                    CargarExperienciaLaboral();
                }
            });
        }

        //GRABAR IDIOMA
        function GrabarIdioma() {
            var modal = $("#myModal");
            var nIdioma = modal.find(".modal-body").find(".id_idiomanombre").val();
            var nLectura = modal.find(".modal-body").find(".id_nivelLectura").val();
            var nEscritura = modal.find(".modal-body").find(".id_nivelEscritura").val();
            var nHablado = modal.find(".modal-body").find(".id_nivelHablado").val();
            var nID = modal.find(".modal-footer").find(".grabarPopup").attr('data-id-form');

            if (nIdioma == "") {
                alert("Debe ingresar el idioma");
                modal.find(".modal-body").find(".id_idiomanombre").focus();
                return false;
            }

            if (nLectura == -1) {
                alert("Debe seleccionar el nivel lectura");
                modal.find(".modal-body").find(".id_nivelLectura").focus();
                return false;
            }

            if (nEscritura == -1) {
                alert("Debe seleccionar el nivel escritura");
                modal.find(".modal-body").find(".id_nivelEscritura").focus();
                return false;
            }

            if (nHablado == -1) {
                alert("Debe seleccionar el nivel hablado");
                modal.find(".modal-body").find(".id_nivelHablado").focus();
                return false;
            }


            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/RegistrarIdioma",
                data: { CLId: nID,
                    idPostulante: $(".hidPostulanteID").val(),
                    nombreIdioma: nIdioma,
                    nivelLectura: nLectura,
                    nivelEscritura: nEscritura,
                    nivelHablado: nHablado
                },
                success: function (html) {
                    modal.modal('hide');
                    alert("Se registro correctamente");
                    CargarIdioma();
                }
            });
        }


        //DATOS PERSONALES
        function CargarDatosPersonales() {

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/PersonalForm",
                data: { idPostulante: $(".hidPostulanteID").val() },
                success: function (html) {
                    $("#infoDatos").html(html);
                }
            });
        }

        //FORMACION ACADEMICA
        function CargarFormacionAcademica() {

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/FormacionAcademicaListado",
                data: { idPostulante: $(".hidPostulanteID").val() },
                success: function (html) {
                    //$("#infoDatosPersonales").hide();
                    $("#infoDatos").html(html);
                }
            });
        }

        //EXPERIENCIA LABORAL
        function CargarExperienciaLaboral() {

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/ExperienciaLaboralListado",
                data: { idPostulante: $(".hidPostulanteID").val() },
                success: function (html) {
                    //$("#infoDatosPersonales").hide();
                    $("#infoDatos").html(html);
                }
            });
        }

        //IDIOMA
        function CargarIdioma() {

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/IdiomaListado",
                data: { idPostulante: $(".hidPostulanteID").val() },
                success: function (html) {
                    //$("#infoDatosPersonales").hide();
                    $("#infoDatos").html(html);
                }
            });
        }

        //ENCUESTA
        function CargarEncuesta() {

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/EncuestaForm",
                success: function (html) {
                    //$("#infoDatosPersonales").hide();
                    $("#infoDatos").html(html);
                }
            });
        }

        //CODIGO HONOR
        function CargarCodigoHonor() {

            $.ajax({
                type: "POST",
                url: URL_PAGE + "Postulante/Ficha/CodigoHonorForm",
                data: { idPostulante: $(".hidPostulanteID").val() },
                success: function (html) {
                    //$("#infoDatosPersonales").hide();
                    $("#infoDatos").html(html);
                }
            });
        }


    });
</script>
<input type="hidden" class="hidPostulanteID" value="@ViewBag.PostulanteID" />
<div class="container">
    <div class="span6">
        <div class="span6 alert alert-success titulo-pagina">
            <div class="span9">
                Usted est&aacute; postulando a:<br />
                <b>MAESTRÍA A TIEMPO COMPLETO 48</b> @*@convocatoria.T_PRODUCTO_CONVOCATORIA.Prod_Descripcion*@
            </div>
            @*<div class="span3">
                <button id="otros-programas" class="btn btn-info btn-mini">
                    ¿Quiere postular a otro programa?</button>
            </div>*@
        </div>
    </div>
    <style>
        .popover
        {
            width: 600px;
        }
    </style>
    @*<div id="lista-otros-programas" style="display: none; width: 600px;">
        @{
        
            var listaProductosTodos = (List<MC_CONVOCATORIA>)ViewBag.ListaConvocatorias;
            var listaProductos = ((List<MC_CONVOCATORIA>)ViewBag.ListaConvocatorias).
                Select(c =>
                    new
                    {
                        codigoConv = string.Format("{0}_{1}_{2}", c.Prod_Codigo, c.Prom_Codigo, c.Conv_Codigo),
                        codigo = c.Prod_Codigo,
                        producto = c.T_PRODUCTO_CONVOCATORIA.Prod_Descripcion,
                        descripcion = c.Conv_Descripcion
                    }).Distinct();

            var convDefault = "";

        }
        <div class="accordion" id="accordion2" style="width: 550px;">
            @foreach (var item in listaProductos)
            {
                foreach (var conv in listaProductosTodos.Where(c => c.Prod_Codigo == item.codigo))
                {
                    var tempConv = string.Format("{0}_{1}_{2}", conv.Prod_Codigo, conv.Prom_Codigo, conv.Conv_Codigo);                    
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <div class="row-fluid">
                            <div class="span10">
                                @item.producto
                            </div>
                            <div class="span2">
                                <button class="btn btn-primary">
                                    Postular</button>
                            </div>
                        </div>
                    </div>
                </div>
                }
            }
        </div>
    </div>*@ @*<div id="_EstadoFicha" class="span6">
        <div id="_ContForm" class="alert alert-block span12">
        </div>
    </div>*@
</div>
@*<input type="hidden" id="Ficha_Clie_ID" value="@ViewBag.ClienteId"/>
<input type="hidden" id="Ficha_ConvocatoriaCodigo" value="@ViewBag.CodigoConvocatoria" />
<input type="hidden" id="Ficha_CodigoHonor" value="@ViewBag.CodigoHonor" />*@
<div class="avisoForm container">
    <div id="fichas-datos-personales" class="span12">
        <ul class="nav nav-tabs" id="myTab">
            @{ 
                var ficha1 = "#infoDatosPersonales";
                var ficha2 = "#infoFormacionAcademica";
                var ficha3 = "#infoExperienaLaboral";
                var ficha4 = "#infoIdiomas";
                var ficha5 = "#infoEncuesta";
                var ficha6 = "#infoCodigoHonor";

                   
            }
            @*<li class="@{if(ficha1!="#"){@("active")}else{@("ficha-normal")}}">                   *@
            <li class="active"><a href="#" data-toggle="tab" id="tabDP">@* <img src="@Url.Content("~/Content/template01/images/ico_personal.png")" />*@
                Datos Personales</a> </li>
            @*<li class="@{ if (ficha2 != "#" && estadoAreaVentas.Equals(estadoObs))
                          {@("active")}else{@("ficha-normal")}}">    *@
            <li><a href="@ficha2" data-toggle="tab" id="tabFA">Formaci&oacute;n Acad&eacute;mica</a></li>
            @*<li class="@{if (ficha3 != "#" && estadoAreaVentas.Equals(estadoObs))
                         {@("active")}
                         else
                         {@("ficha-normal")}}">*@
            <li><a href="@ficha3" data-toggle="tab" id="tabEL">Experiencia Laboral</a></li>
            @*<li class="@{if (ficha4 != "#" && estadoAreaVentas.Equals(estadoObs))
                         {@("active")}
                         else
                         {@("ficha-normal")}}">*@
            <li><a href="@ficha4" data-toggle="tab" id="tabID">Idiomas</a></li>
            @*<li class="@{if (ficha5 != "#" && estadoAreaVentas.Equals(estadoObs))
                         {@("active")}
                         else
                         {@("ficha-normal")}}">*@
            <li><a href="@ficha5" data-toggle="tab" id="tabEN">Encuesta</a></li>
            @*<li class="@{if (ficha6 != "#" && estadoAreaVentas.Equals(estadoObs))
                         {@("active")}
                         else
                         {@("ficha-normal")}}">*@
            <li><a href="@ficha6" data-toggle="tab" id="tabCH">C&oacute;digo de Honor</a></li>
        </ul>
        <div class="tab-content">
            @*<div id="infoFormacionAcademica" class="tab-pane"> formacion
                
            </div>
            <div id="infoExperienaLaboral" class="tab-pane"> experiencia
                
            </div>
            <div id="infoIdiomas" class="tab-pane"> idiomas
                
            </div>
            <div id="infoEncuesta" class="tab-pane"> encuesta
                
            </div>
            <div id="infoCodigoHonor" class="tab-pane"> codigo honor
                
            </div>*@
        </div>
    </div>
    <br />
    <div id="infoDatos" class="active">
    </div>
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                ×</button>
            <h3 id="myModalLabel">
            </h3>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary grabarPopup" data-id-form="" data-name-form="" data-dismiss="modal11"
                aria-hidden="true">
                Aceptar</button>
            <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">
                Cerrar</button>
        </div>
    </div>
</div>
